@import "../common/rem";
@import "../common/flex-class";
@import "../common/mixins";

#journalsheet {
  //.flex-box-1();
  //overflow-y: scroll;
  .template {
    .selected {
      background: #F76A75 !important;
      color: white !important;

    }
    background: #fff;
    .px2rem(margin-top, 18);
    //.px2rem(padding-top,32);
    .px2rem(padding, 32);
    .template-label {
      position: absolute;
    }
    .tag {
      .px2rem(margin-right, 10);
      color: #969696;
      white-space: nowrap;
      .px2rem(line-height, 60);
      border-radius: 10px;
      .px2rem(padding, 10);
      background: #F4F6F7;
      .px2px(font-size, 24);
    }
    span {

      .px2px(font-size, 32);
    }
    .tag-wrap {
      padding-left: 15%;
      .px2px(font-size, 24);
      .tag {
        display: inline;

      }
    }
  }
  .date-picker, .other-picker {
    .px2rem(margin-top, 18);
    background: #fff;
  }
  .icon-right:before {
    position: absolute;
    .px2rem(right, 32);
    color: #AAAAAA;
  }
  .form-item {
    &:first-child {
      &:after {
        content: '';
        position: absolute;
        .px2rem(left,32);
        bottom: 0;
        right: auto;
        height: 1px;
        width: 100%;
        background-color: #DDD;
        display: block;
        z-index: 15;
        //transform-origin: 50% 0%;
        //@media only screen and (-webkit-min-device-pixel-ratio: 2) {
        //  transform: scaleY(0.5);
        //}
        //@media only screen and (-webkit-min-device-pixel-ratio: 3) {
        //    transform: scaleY(0.33);
        //}
      }
    }
    position: relative;
    .px2rem(height, 102);
    .px2rem(padding-left, 32);
    .px2rem(padding-right, 32);
    .px2rem(line-height, 102);
    .px2px(font-size, 30);

  }
  .selected-result {
    .px2px(font-size, 28);
    .px2rem(width, 411);
    width: 55%;
    text-align: right;
    color: #969696;
    position: absolute;
    .px2rem(right, 70);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

  }

  .wrapper {
    background: #f0f4f6;
    .px2rem(padding-top, 40);
    .px2rem(padding-bottom, 40);
    .px2rem(padding-left, 42);
    .px2rem(padding-right, 42);

  }
  .main {
    width: 100%;
    position: absolute;
    .px2rem(top, 88);
    left: 0;
    right: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: scroll;
  }
  .content {
    .flex-box-1();
  }
  .sub-button {
    .px2px(font-size,32);
    margin: 0 auto;
    width: 95%;
    .px2rem(height, 90);
    .px2rem(line-height, 90);
    background: #F76A75;
    color: white;
    border-radius: 10px;
    .px2px(font-size, 30);
    text-align: center;
  }
}